<template>
  <VisualEditor v-model="visualData" :form-data="formData" />
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { VisualEditor } from '@/packages/visual-editor';
import { visualDataStore } from '@/store';
import { EditorRenderElement } from '@/packages/models/editor.model';

export default defineComponent({
  name: 'Editor',
  components: {
    VisualEditor
  },
  data() {
    return {
      visualData: {
        container: {
          width: 800,
          height: 600,
        },
        elements: [] as EditorRenderElement[],
      },
      formData: {
        username: 'admin',
      }
    };
  },
});
</script>

<style lang="scss">
</style>
